<template>
  <main class="zui-main" :style="{ padding }">
    <slot></slot>
  </main>
</template>

<script>
export default {
  name: 'z-main',
  props: {
    padding: String
  }
}
</script>

<style lang="less">
.zui-main {
  position: relative;
  display: block;
  flex: auto;
  overflow: auto;
  box-sizing: border-box;
}
</style>
